html,
body {
	/*height: 100%;*/
	padding: 0;
	margin: 0;
	background-color: #f2f2f2;
	font-family: "微软雅黑" !important;
}
.container-fluid{
	padding: 0 !important;
}
a{
	text-decoration: none !important;
}
@media screen and (min-width:1500px){
	.navbar{
		height: 100px;
		background-color: #FFFFFF;
		border: none;
		margin: 0;
		box-shadow:0 10px 25px rgba(0,52,74,0.08);
	}
	.navbar .container-fluid{
		padding: 0 104px !important;
		height: 100px;
	}
	.navbar-brand{
		padding: 0;
		width: 246px;
		height:100px;
		display: flex;
		align-items: center;
	}
	.navbar-brand img{
		width: 246px;
		height: 40px;
	}
	.navbar-nav{
		height: 100px;
		position: absolute;
		right: 400px;
	}
	.navbar-nav a{
		height: 100px;
		padding:0 28px !important;
		line-height: 100px !important;
		font-size: 16px;
		color: #333333 !important;
		background-color: #FFFFFF !important;
	}
	.navbar-nav a:hover{
		color: #357FFA !important;
		background-color: #FFFFFF !important;
	}
	.downLoad{
		width: 140px;
		height: 34px;
		line-height: 34px;
		text-align: center;
		border-radius:17px;
		font-size: 16px;
		box-shadow: 0 10px 25px rgba(0,52,74,0.18);
		opacity: 0.9;
		position: absolute;
		top:calc(50% - 17px) ;
		right: 230px;
	}
	.downLoad a{
		color: #FFFFFF;
	}
	.downloadBc{
		color: #FFFFFF;
		background: -moz-linear-gradient(top, #68d0f3 0%, #4b8ef9 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68d0f3), color-stop(100%,#4b8ef9));
		background: -webkit-linear-gradient(top, #68d0f3 0%,#4b8ef9 100%);
		background: -o-linear-gradient(top, #68d0f3 0%,#4b8ef9 100%);
		background: -ms-linear-gradient(top, #68d0f3 0%,#4b8ef9 100%);
		background: linear-gradient(to bottom, #68d0f3 0%,#4b8ef9 100%);
	}
	.cutLan{
		position: absolute;
		right: 100px;
		top: 0;
		display: flex;
		align-items: center;
	}
	.cutLan span{
		margin:0 17px;
		font-size:16px;
		line-height: 100px;
	}
	.lan{
		width:120px;
		height:140px;
		position: fixed;
		right:70px;
		top:100px;
		z-index: 1000;
		background-color: #FFFFFF;
		display: none;
	}
	.lan>div{
		width:120px;
		height:70px;
		line-height:70px;
		text-align: center;
		box-sizing: border-box;
		font-size: 16px;
		color: #333333;
		background-color: #FFFFFF;
		border-bottom: 1px solid #ebebeb;
	}
	.main{
		width: 1200px;
		margin:130px auto 0;
		background-color: #FFFFFF;
	}
	.main_title{
		height: 99px;
		padding:30px 30px 25px !important;
	}
	.main_title h2{
		font-size: 30px;
		color: #333333;
		margin: 0;
	}
	.main_title .search{
		position: relative;
	}
	.main_title .search input{
		width: 360px;
		height: 44px;
		box-sizing: border-box;
		padding:0 40px 0 22px;
		border-radius: 22px;
		position: absolute;
		right: 0;
		color: #333333;
		border: none;
		border-style:solid;
		border-width:1px;
		border-color: #ebebeb;
		outline: none;
	}
	.main_title .search input:focus{
		border-color: #357FFA ;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color: #cccccc; opacity:1;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		color: #cccccc;opacity:1;
	}
	input:-ms-input-placeholder{
		color: #cccccc;opacity:1;
	}
	input::-webkit-input-placeholder{
		color: #cccccc;opacity:1;
	}
	.main_title .search img{
		width:22px;
		height: 22px;
		position: absolute;
		right:10px;
		top:11px;
	}
	.main_body .row{
		width: 100%;
		margin: 0;
		padding: 0 30px;
	}
	.main_body .listBox{
		width: 251px;
		min-height: 1130px;
		padding: 0;
		padding-right: 20px;
		box-sizing: border-box;
		/*border-right: 1px solid #ebebeb;*/
		margin-bottom:30px;
	}
	.listBox dl dt{
		font-size:16px;
		color: #333333;
		line-height: 50px;
		font-weight: normal;
		padding-right: 25px;
		border-radius: 8px;
		padding-left: 10px;	
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.listBox dl dd{
		font-size: 14px;
		color: #666666;
		line-height:24px;
	}
	.listBox dd span{
		display: block;
		padding-left:25px;
		padding-right:25px;
		padding-bottom:10px;
		padding-top:10px;
		border-radius: 8px;
	}
	.listBox ul{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.listBox ul li{
		height: 50px;
		padding:0 30px;
		border-radius: 8px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 16px;
		color: #333333;
		line-height:24px;
	}
	.listBox ul li:nth-child(1){
		margin-top: 10px;
	}
	.listBox .listImg1,.listBox .listImg2{
		width: 14px;
		height: 14px;
	}
	.listBox .listImg3{
		width: 10px;
		height: 10px;
	}
	.listBox ol{
		list-style: none;
		margin: 0;
		margin-top: 15px;
		padding:0;
		display: none;
	}
	.listBox ol li{
		width: 250px;
		height: 50px;
		border-radius: 8px;
		font-size: 14px;
		line-height: 50px;
		background-color: #FFFFFF;
		padding-left: 40px;
		color: #888888;
	}
	/*.listBox ol li:hover{
		color: #FFFFFF;
		background-color: #357FFA;
	}*/
	.active{
		color: #FFFFFF !important;
		background-color: #357FFA !important;
	}
	.list_M{
		padding-left: 30px;
		width: 889px;
		min-height: 1130px;
		border-left: 1px solid #ebebeb;
		margin-bottom: 30px;
	}
	.main_body .listMsg-title{
		margin: 0;
		padding-bottom:15px;
		border-bottom: 1px solid #EBEBEB;
	}
	.main_body .listMsg p{
		line-height:20px;
	}
	
	footer{
		margin-top: calc(30rem / 128);
		background-color: #FFFFFF;
		box-shadow:0 -10px 25px rgba(0,52,74,0.08);
	}
	hr{
		width: 100%;
		border: none;
		height: 1px;
		background-color: #357FFA;
		opacity:0.2;
		margin: 0;
	}
	.footer{
		height:140px;
		box-sizing: border-box;
		padding-top:60px;
		padding-left: calc(395rem / 128);
		padding-right: calc(395rem / 128);
		padding-bottom:50px;
	}
	.footer .address{
		font-size:16px;
		color: #357FFA;
		padding: 0;
		margin-top:8px;
	}
	.footer .link{
		padding: 0;
		text-align: right;
	}
	.footer .link img{
		margin-right: calc(50rem / 128);
	}
	.footer .link img:nth-child(6){
		margin-right: 0;
	}
}
@media screen and (min-width:1200px) and (max-width:1499px){
	.navbar{
		height: 100px;
		background-color: #FFFFFF;
		border: none;
		margin: 0;
		box-shadow:0 10px 25px rgba(0,52,74,0.08);
	}
	.navbar .container-fluid{
		padding: 0 104px !important;
		height: 100px;
	}
	.navbar-brand{
		padding: 0;
		width: 246px;
		height:100px;
		display: flex;
		align-items: center;
	}
	.navbar-brand img{
		width: 246px;
		height: 40px;
	}
	.navbar-nav{
		height: 100px;
		position: absolute;
		right: 400px;
	}
	.navbar-nav a{
		height: 100px;
		padding:0 28px !important;
		line-height: 100px !important;
		font-size: 16px;
		color: #333333 !important;
	}
	.navbar-nav a:hover{
		color: #357FFA !important;
		background-color: #FFFFFF !important;
	}
	.downLoad{
		width: 140px;
		height: 34px;
		line-height: 34px;
		text-align: center;
		border-radius:17px;
		font-size: 16px;
		box-shadow: 0 10px 25px rgba(0,52,74,0.18);
		opacity: 0.9;
		position: absolute;
		top:calc(50% - 17px) ;
		right: 230px;
	}
	.downLoad a{
		color: #FFFFFF;
	}
	.downloadBc{
		color: #FFFFFF;
		background: -moz-linear-gradient(top, #68d0f3 0%, #4b8ef9 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68d0f3), color-stop(100%,#4b8ef9));
		background: -webkit-linear-gradient(top, #68d0f3 0%,#4b8ef9 100%);
		background: -o-linear-gradient(top, #68d0f3 0%,#4b8ef9 100%);
		background: -ms-linear-gradient(top, #68d0f3 0%,#4b8ef9 100%);
		background: linear-gradient(to bottom, #68d0f3 0%,#4b8ef9 100%);
	}
	.cutLan{
		position: absolute;
		right: 100px;
		top: 0;
		display: flex;
		align-items: center;
	}
	.cutLan span{
		margin:0 17px;
		font-size:16px;
		line-height: 100px;
	}
	.lan{
		width:120px;
		height:140px;
		position: fixed;
		right:70px;
		top:100px;
		z-index: 100;
		background-color: #FFFFFF;
		display: none;
	}
	.lan>div{
		width:120px;
		height:70px;
		line-height:70px;
		text-align: center;
		box-sizing: border-box;
		font-size: 16px;
		color: #333333;
		background-color: #FFFFFF;
		border-bottom: 1px solid #ebebeb;
	}
	.main{
		width: 1200px;
		margin:130px auto 0;
		background-color: #FFFFFF;
	}
	.main_title{
		height: 99px;
		padding:30px 30px 25px !important;
	}
	.main_title h2{
		font-size: 30px;
		color: #333333;
		margin: 0;
	}
	.main_title .search{
		position: relative;
	}
	.main_title .search input{
		width: 360px;
		height: 44px;
		box-sizing: border-box;
		padding:0 40px 0 22px;
		border-radius: 22px;
		position: absolute;
		right: 0;
		color: #333333;
		border: none;
		border-style:solid;
		border-width:1px;
		border-color: #ebebeb;
		outline: none;
	}
	.main_title .search input:focus{
		border-color: #357FFA ;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color: #cccccc; opacity:1;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		color: #cccccc;opacity:1;
	}
	input:-ms-input-placeholder{
		color: #cccccc;opacity:1;
	}
	input::-webkit-input-placeholder{
		color: #cccccc;opacity:1;
	}
	.main_title .search img{
		width:22px;
		height: 22px;
		position: absolute;
		right:10px;
		top:11px;
	}
	.main_body .row{
		width: 100%;
		margin: 0;
		padding: 0 30px;
	}
	.main_body .listBox{
		width: 251px;
		min-height: 1130px;
		padding: 0;
		padding-right: 20px;
		box-sizing: border-box;
		/*border-right: 1px solid #ebebeb;*/
		margin-bottom:30px;
	}
	
	.listBox dl dt{
		font-size:16px;
		color: #333333;
		line-height: 50px;
		font-weight: normal;
		padding-right: 25px;
		border-radius: 8px;
		padding-left: 10px;	
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.listBox dl dd{
		font-size: 14px;
		color: #666666;
		line-height:24px;
	}
	.listBox dd span{
		display: block;
		padding-left:25px;
		padding-right:25px;
		padding-bottom:10px;
		padding-top:10px;
		border-radius: 8px;
	}
	.listBox ul{
		list-style: none;
		margin: 0;
		padding:0;
	}
	.listBox ul li{
		height: 50px;
		padding:0 30px;
		border-radius: 8px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 16px;
		color: #333333;
		line-height:24px;
	}
	.listBox ul li:nth-child(1){
		margin-top: 10px;
	}
	.listBox .listImg1,.listBox .listImg2{
		width: 14px;
		height: 14px;
	}
	.listBox .listImg3{
		width: 10px;
		height: 10px;
	}
	.listBox ol{
		list-style: none;
		margin: 0;
		margin-top: 15px;
		padding:0;
		display: none;
	}
	.listBox ol li{
		width: 250px;
		height: 50px;
		border-radius: 8px;
		font-size: 14px;
		line-height: 50px;
		background-color: #FFFFFF;
		padding-left: 40px;
		color: #888888;
	}
	/*.listBox ol li:hover{
		color: #FFFFFF;
		background-color: #357FFA;
	}*/
	.active{
		color: #FFFFFF !important;
		background-color: #357FFA !important;
	}
	.list_M{
		padding-left: 30px;
		width: 889px;
		min-height: 1130px;
		border-left: 1px solid #ebebeb;
		margin-bottom: 30px;
	}
	.main_body .listMsg .listMsg-title{
		margin: 0;
		padding-bottom:15px;
		border-bottom: 1px solid #EBEBEB;
	}
	.main_body .listMsg p{
		line-height:20px;
	}
	footer{
		margin-top: calc(30rem / 128);
		background-color: #FFFFFF;
		box-shadow:0 -10px 25px rgba(0,52,74,0.08);
	}
	hr{
		width: 100%;
		border: none;
		height: 1px;
		background-color: #357FFA;
		opacity:0.2;
		margin: 0;
	}
	.footer{
		height:140px;
		box-sizing: border-box;
		padding-top:60px;
		padding-left: calc(395rem / 256);
		padding-right: calc(395rem / 256);
		padding-bottom:50px;
	}
	.footer .address{
		font-size:16px;
		color: #357FFA;
		padding: 0;
		margin-top:8px;
	}
	.footer .link{
		padding: 0;
		text-align: right;
	}
	.footer .link img{
		margin-right: calc(50rem / 128);
	}
	.footer .link img:nth-child(6){
		margin-right: 0;
	}
}
@media screen and (min-width:768px) and (max-width:1199px){
	.navbar{
		height:calc(100rem / 80);
		background-color: #FFFFFF;
		border: none;
		margin: 0;
		box-shadow:0 10px 25px rgba(0,52,74,0.08);
	}
	.navbar .container-fluid{
		padding: 0 104px !important;
		padding-left: calc(104rem / 128) !important;
		padding-right: calc(104rem / 128) !important;
		height:calc(100rem / 80);
	}
	.navbar-brand{
		padding: 0;
		width:calc(246rem / 80);
		height:calc(100rem / 80);
		display: flex;
		align-items: center;
	}
	.navbar-brand img{
		width:calc(246rem / 80);
		height:calc(40rem / 80);
	}
	.navbar-nav{
		height:calc(100rem / 80);
		position: absolute;
		right:calc(400rem / 80);
	}
	.navbar-nav a{
		height:calc(100rem / 80);
		padding:0 28px !important;
		padding-left: calc(28rem / 128) !important;
		padding-right: calc(28rem / 128) !important;
		line-height:calc(100rem / 80) !important;
		font-size:calc(16rem / 80);
		color: #333333 !important;
	}
	.navbar-nav a:hover{
		color: #357FFA !important;
		background-color: #FFFFFF !important;
	}
	.downLoad{
		width:calc(140rem / 80);
		height:calc(34rem / 80);
		line-height:calc(34rem / 80);
		text-align: center;
		border-radius:calc(17rem / 80);
		font-size:calc(16rem / 80);
		box-shadow: 0 10px 25px rgba(0,52,74,0.18);
		opacity: 0.9;
		position: absolute;
		top:calc(50% - 0.2125rem);
		right:calc(230rem / 100);
	}
	.downLoad a{
		color: #FFFFFF;
	}
	.downloadBc{
		color: #FFFFFF;
		background: -moz-linear-gradient(top, #68d0f3 0%, #4b8ef9 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68d0f3), color-stop(100%,#4b8ef9));
		background: -webkit-linear-gradient(top, #68d0f3 0%,#4b8ef9 100%);
		background: -o-linear-gradient(top, #68d0f3 0%,#4b8ef9 100%);
		background: -ms-linear-gradient(top, #68d0f3 0%,#4b8ef9 100%);
		background: linear-gradient(to bottom, #68d0f3 0%,#4b8ef9 100%);
	}
	.cutLan{
		position: absolute;
		right:calc(100rem / 128);
		top: 0;
		display: flex;
		align-items: center;
	}
	.cutLan span{
		margin:0 17px;
		font-size:calc(16rem / 80);
		line-height:calc(100rem / 80);
	}
	.lan{
		width: calc(120rem / 128);
		height:calc(140rem / 128);
		position: fixed;
		right:calc(70rem / 80);
		top: calc(100rem / 80);
		z-index: 1000;
		display: none;
		background-color: #FFFFFF;
	}
	.lan>div{
		width: calc(120rem / 128);
		height:calc(70rem / 128);
		line-height:calc(70rem / 128);
		text-align: center;
		box-sizing: border-box;
		font-size: calc(16rem / 128);
		color: #333333;
		background-color: #FFFFFF;
		border-bottom: 1px solid #ebebeb;
	}
	.main{
		width: calc(1200rem / 100);
		margin:130px auto 0;
		margin-top: calc(130rem / 80);
		background-color: #FFFFFF;
	}
	.main_title{
		height: calc(99rem / 100);
		padding:30px 30px 25px !important;
		padding-top: calc(30rem / 100) !important;
		padding-left: calc(30rem / 100) !important;
		padding-right: calc(30rem / 100) !important;
		padding-bottom: calc(25rem / 100) !important;
	}
	.main_title h2{
		font-size: calc(30rem / 100);
		color: #333333;
		margin: 0;
	}
	.main_title .search{
		position: relative;
	}
	.main_title .search input{
		width: calc(360rem / 100);
		height: calc(44rem / 100);
		box-sizing: border-box;
		padding:0 40px 0 10px;
		padding-right: calc(40rem / 100);
		padding-left: calc(22rem / 100);
		border-radius: calc(22rem / 100);
		position: absolute;
		right: 0;
		color: #333333;
		border: none;
		border-style:solid;
		border-width:1px;
		border-color: #ebebeb;
		outline: none;
	}
	.main_title .search input:focus{
		border-color: #357FFA ;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color: #cccccc; opacity:1;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		color: #cccccc;opacity:1;
	}
	input:-ms-input-placeholder{
		color: #cccccc;opacity:1;
	}
	input::-webkit-input-placeholder{
		color: #cccccc;opacity:1;
	}
	.main_title .search img{
		width: calc(22rem / 100);
		height: calc(22rem / 100);
		position: absolute;
		right:calc(10rem / 100);
		top:calc(11rem / 100);
	}
	.main_body .row{
		width: 100%;
		margin: 0;
		padding: 0 0.3rem;
	}
	.main_body .listBox{
		width: 2.51rem;
		min-height: 11.3rem;
		padding: 0;
		padding-right: 0.2rem;
		box-sizing: border-box;
		/*border-right: 1px solid #ebebeb;*/
		margin-bottom:0.3rem;
	}
	.listBox dl dt{
		font-size: 0.16rem;
		color: #333333;
		line-height:0.6rem;
		font-weight: normal;
		padding-right: 0.25rem;
		border-radius: 0.08rem;
		padding-left: 0.1rem;	
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.listBox dl dd{
		font-size: 0.16rem;
		color: #666666;
		line-height:0.24rem;
	}
	.listBox dd span{
		display: block;
		padding-left:0.25rem;
		padding-right:0.25rem;
		padding-bottom:0.15rem;
		padding-top:0.15rem;
		border-radius:0.08rem;
	}
	.listBox ul{
		list-style: none;
		margin: 0;
		padding:0;
	}
	.listBox ul li{
		height: 0.5rem;
		padding:0 0.3rem;
		border-radius:0.08rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 0.16rem;
		color: #333333;
		line-height:0.24rem;
		/*margin-top: 0.42rem;*/
		cursor: pointer;
	}
	.listBox ul li:nth-child(1){
		margin-top: 0.1rem;
	}
	.listBox .listImg1,.listBox .listImg2{
		width: 0.14rem;
		height: 0.14rem;
	}
	.listBox .listImg3{
		width: 0.1rem;
		height: 0.1rem;
	}
	.listBox ol{
		list-style: none;
		margin: 0;
		margin-top: 0.15rem;
		padding:0;
		display: none;
	}
	.listBox ol li{
		width: 2.5rem;
		height: 0.5rem;
		border-radius: 0.08rem;
		font-size: 0.14rem;
		line-height: 0.5rem;
		background-color: #FFFFFF;
		padding-left: 0.4rem;
		cursor: pointer;
		color: #888888;
	}
	/*.listBox ol li:hover{
		color: #FFFFFF;
		background-color: #357FFA;
	}*/
	.active{
		color: #FFFFFF !important;
		background-color: #357FFA !important;
	}
	.list_M{
		width: 8.89rem;
		padding-left: 0.3rem;
		min-height: 11.3rem;
		border-left: 1px solid #ebebeb;
		margin-bottom: 30px;
	}
	.main_body .listMsg .listMsg-title{
		margin: 0;
		padding-bottom:0.15rem;
		border-bottom: 1px solid #EBEBEB;
	}
	.main_body .listMsg p{
		line-height:20px;
	}
	
	footer{
		margin-top: calc(30rem / 128);
		background-color: #FFFFFF;
		box-shadow:0 -10px 25px rgba(0,52,74,0.08);
	}
	hr{
		width: 100%;
		border: none;
		height: 1px;
		background-color: #357FFA;
		opacity:0.2;
		margin: 0;
	}
	.footer{
		height:140px;
		box-sizing: border-box;
		padding-top:60px;
		padding-left: calc(395rem / 256);
		padding-right: calc(395rem / 256);
		padding-bottom:50px;
	}
	.footer .address{
		font-size:16px;
		color: #357FFA;
		padding: 0;
		margin-top:8px;
	}
	.footer .link{
		padding: 0;
		text-align: right;
	}
	.footer .link img{
		margin-right: calc(50rem / 128);
	}
	.footer .link img:nth-child(6){
		margin-right: 0;
	}

}
@media screen and (max-width: 768px){
	html,body{
		background-color: #FFFFFF;
	}
	.navbar{
		height: 2.24rem;
		margin: 0;
		border: none;
		background-color: #FFFFFF;
		z-index: 1000;
		box-shadow:0 10px 20px rgba(0,52,74,0.05);
	}
	.navbar .container-fluid{
		height: 2.24rem;
	}
	.navbar-header{
		width: 100%;
		height: 2.24rem;
		margin: 0 !important;
		box-sizing: border-box;
	}
	.navbar button{
		width:0.76rem;
		height:0.58rem;
		padding: 0;
		margin: 0;
		border-color: #FFFFFF !important;
		border: none;
		position: absolute;
		top:calc(1.12rem - 0.29rem);
		right:3.3rem;
		background-image: url(../img/helper/mobile/icon_nav.png);
		background-repeat: no-repeat;
		background-size:90%90%;
		background-position:center;
	}
	.navbar-brand{
		width: 4.92rem;
		height: 2.24rem;
		box-sizing: content-box;
		padding: 0;
		padding-left:0.48rem;
		display: flex;
		align-items: center;
	}
	.navbar-brand img{
		width: 4.92rem;
		height: 0.82rem;
	}
	.cutLan{
		font-size: 0.52rem;
		color: #357ffa;
		position: absolute;
		right:0.4rem;
		top: calc(50% - 0.37rem);
		display: flex;
		align-items: center;
		padding-left: 0.64rem;
		border-left: 1px solid #ebebeb;
	}
	.cutLan img{
		width: 0.36rem;
		height:0.16rem;
		margin-left: 0.2rem;
	}
	.lan{
		width: 3rem;
		height: 3.2rem;
		position: fixed;
		right: 0;
		top: 2.24rem;
		z-index: 1000;
		display: none;
	}
	.lan>div{
		width: 100%;
		height:1.6rem;
		line-height: 1.6rem;
		text-align: center;
		box-sizing: border-box;
		font-size: 0.52rem;
		color: #333333;
		background-color: #FFFFFF;
		border-bottom: 1px solid #ebebeb;

	}
	#navbar{
		width:15rem;
		border: none;
		background-color: #FFFFFF;
		margin:0;
		padding: 0;
		z-index: 100;
	}
	#navbar li{
		height:1.76rem;
		border-bottom: 1px solid #ebebeb;
		margin: 0 0.8rem;
		padding: 0 0.2rem;
		background-color: #FFFFFF !important;
	}
	#navbar li:nth-of-type(4){
		border:none;
	}
	#navbar li a{
		font-size: 0.52rem;
		color: #333333;
		padding: 0;
		line-height:calc(1.76rem - 1px);
		background-color: #FFFFFF;
	}
	#navbar li a:hover{
		background-color: #FFFFFF;
		color: #357FFA;
	}
	.main{
		padding-top:2.24rem;
		background-color: #FFFFFF;
		margin-bottom: 4.72rem;
	}
	.main_title{
		background-color: #f2f2f2;
		height: 2.38rem;
	}
	.main_title .row{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.main_title h2{
		font-size: 0.8rem;
		color: #333333;
		text-align: center;
		margin: 0;
		margin-top: 1.48rem;
	}
	.main_title .search{
		height: 2.8rem;
		position: relative;
	}
	.main_title .search input{
		width: 14rem;
		height: 1.8rem;
		box-sizing: border-box;
		padding:0 2rem 0 0.9rem;
		border-radius: 0.9rem;
		font-size: 0.56rem;
		color: #333333;
		margin-top: 1rem;
		position: absolute;
		left:0.5rem;
		border: none;
		border-style:solid;
		border-width:1px;
		border-color: #ebebeb;
		outline: none;
		-webkit-appearance: none;
	}
	.main_title .search input:focus{
		border-color: #357FFA !important;
	}
	.main_title .search input:hover{
		border-color: #357FFA !important;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color: #cccccc; opacity:1;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		color: #cccccc;opacity:1;
	}
	input:-ms-input-placeholder{
		color: #cccccc;opacity:1;
	}
	input::-webkit-input-placeholder{
		color: #cccccc;opacity:1;
	}
	.main_title .search img{
		width: 0.8rem;
		height: 0.8rem;
		position: absolute;
		right: 1.2rem;
		bottom:0.5rem;
	}
	.main_body .row{
		margin: 0;
	}
	.main_body .select{
		width: 15rem;
		height: 2.16rem;
		margin-right:0 !important;
		padding:0 0.7rem;
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px solid #ebebeb;
	}
	.main_body .select span{
		font-size: 0.56rem;
		color: #333333;
	}
	.main_body .select img{
		width: 0.4rem;
		height: 0.4rem;
	}
	.main_body .listBox{
		width:15rem;
		margin: 0 auto;
		padding: 0;
		margin-top:0.6rem;
		padding-left:0.52rem;
		padding-right:0.52rem;
		padding-bottom: 0.6rem;
		border-bottom: 1px solid #ebebeb;
	}
	.listBox dl{
		margin-bottom: 0;
	}
	.listBox dl dt{
		width: 13.96rem;
		height: 1.6rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-weight: normal;
		padding: 0 0.7rem 0 1rem;
		border-radius:0.16rem;
		cursor: pointer;
	}
	.listBox dt span{
		font-size: 0.56rem;
		color: #333333;
		line-height: 0.8rem;
	}
	.listBox dl dd{
		display: none;
	}
	.listBox dd span{
		width: 13.96rem;
		display: block !important;
		padding-left:1.97rem;
		padding-top:0.3rem;
		padding-bottom:0.3rem;
		font-size: 0.52rem;
		line-height: 1rem;
		color: #666666;
		display: none;
		border-radius:0.16rem;
		cursor: pointer;
	}
	.listBox ul{
		list-style: none;
		margin: 0;
		padding:0;
		display: none;
	}
	.listBox ul li{
		width: 13.96rem;
		height: 1.6rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 0.56rem;
		color: #333333;
		border-radius:0.16rem;
		padding: 0 0.7rem 0 1rem;
		margin-top: 0.6rem;
		cursor: pointer;
	}
	.listBox .listImg1,.listBox .listImg2{
		width: 0.52rem;
		height: 0.52rem;
	}
	.listBox .listImg3{
		width: 0.4rem;
		height: 0.4rem;
	}
	.listBox ol{
		list-style: none;
		margin: 0;
		padding:0;
		display: none;
	}
	.listBox ol li{
		width: 13.96rem;
		height: 1.6rem;
		border-radius:0.16rem;
		font-size: 0.52rem;
		color: #666666;
		line-height:1.6rem;
		padding-left: 1.97rem;
		cursor: pointer;
	}
	.active{
		color: #FFFFFF !important;
		background-color: #357FFA !important;
	}
	.main_body .listMsg{
		width: 13.78rem;
		padding: 0;
		margin: 0 auto;
	}
	.main_body .listMsg h1{
		margin-top: 0;
	}
	.main_body .listMsg p{
		line-height:1rem !important;
	}
	.main_body .listMsg span{
		line-height:1rem !important;
	}
	.main_body .listMsg img{
		display: block;
		margin: 0 auto;
	}
	footer{
		margin-top:0.6rem;
		background-color: #FFFFFF;
		box-shadow:0 -10px 25px rgba(0,52,74,0.08);
		width: 100%;
		position: fixed;
		bottom: 0;
	}
	hr{
		width: 100%;
		border: none;
		height: 1px;
		background-color: #357FFA;
		opacity:0.2;
		margin: 0;
	}
	.footer{
		height:3.72rem;
		box-sizing: border-box;
		position: relative;
	}
	.footer .address{
		font-size:0.32rem;
		color: #357FFA;
		padding: 0;
		margin-top:0.16rem;
		text-align: center;
		position: absolute;
		bottom:0.44rem;
	}
	.footer .link{
		padding: 0;
		text-align: center;
		position: absolute;
		top: 1.08rem;
	}
	.footer .link img{
		width: 2.2rem;
		height: 0.88rem;
		padding: 0 0.64rem;
		box-sizing: border-box;
	}
	.fff{
		width: 1.8rem !important;
	}
	.footer .link img:nth-child(6){
		margin-right: 0;
	}
}